
<?php
require_once 'Connect2.1/API/qqConnectAPI.php';
?>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<link rel="shortcut icon" href="images/未标题-3.png" type="image/x-icon"/> 
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=0.5, user-scalable=no, width=device-width">
<meta property="qc:admins" content="7700363225764666655641" />
<title>Face To Face会议室</title>






<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.cookie.js"></script>
<script src="js/jquery.fullPage.min.js"></script>
<link rel="stylesheet" href="css/jquery.fullPage.css">

<style>
*{ margin:0px; padding:0px;}
a{ color:#FFFFFF; text-decoration:none;}
#menu { margin: 0; padding: 0; position: fixed; right: 10px; top: 10px; list-style-type: none; z-index: 70;}
#menu li { float: left; margin:  0 10px 0 0; font-size: 14px;}
#menu a { float: right; padding: 10px 20px; color: #333; text-decoration: none; border-bottom:#666666 2px solid;}
#menu .active a { color: #fff; border-bottom:#FFFFFF 2px solid;}
.section { text-align: center; font: 50px "Microsoft Yahei"; color: #fff;}
button{ border: solid thin #FFFFFF; margin-left:-40%; height:42px; width:86px; border-radius: 8px; background-color:#FFFFFF; color:#00CC99; font-weight:bold; }
button {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); color:#00CC66;
}
#but a{ color:#00CC66;}
#but a:hover{ color:#FFFFFF;}
button:hover {
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
	 background-color: #00CC99;
	  color:#FFFFFF;
	  -webkit-transition-duration: 0.4s; 
    transition-duration: 0.4s;
}

.fun{ display:inline-block; border:#FFFFFF 1px solid;  margin-top:5%; background: #00CC66;}
.fun
{
transition:background 1s linear ;
/* Safari */
-webkit-transition:width 1s linear ;
}

.fun:hover
{
 background:#FFFFFF; color:#00CC66;  
 
}

.scanf-span{ display:inline-block; width:10%; background-color: #00CC33; 
color:#FFFFFF; font-weight:bold;
border-radius:5px;
-moz-border-radius:8px; /* Old Firefox */
font-size:24px;
 }
.submit-div{ width:85%; margin: 5px auto;  
}
.scanf-input{ width:78%;  font-weight:bold;
border-radius:5px;
-moz-border-radius:8px; background-color:#FFFFFF; }
.talk{  background-color:#00CC66;
border-radius:5px;
border: 1px #FFFFFF solid;
-moz-border-radius:8px; width:90%; margin: 20px auto; padding:5%; } 
.comment{ background-color:#3C6; }
#txtHint{ font-size:18px;   }
.myimage{
	border:none;
	display:inline-block;
	background-color:#00CC66;
	border-radius:20px;
	height:40px;
	width:40px;
	margin-top:5%;
	overflow: hidden;
}
</style>


<script>
$(function(){
	$('#dowebok').fullpage({
		sectionsColor: ['#00CC66', '#00CC66', '#00CC66', '#00CC66'],
		anchors: ['page1', 'page2', 'page3', 'page4'],
		menu: '#menu'
	
	});
});
</script>
</head>

<body>




<ul id="menu">
	<li data-menuanchor="page1" class="active"><a href="#page1">首页</a></li>
	<li data-menuanchor="page2"><a href="#page2">功能</a></li>
	<li data-menuanchor="page3"><a href="#page3">关于webrtc</a></li>
	<li data-menuanchor="page4"><a href="#page4">反馈</a></li>
</ul>

<div id="dowebok">

	<div class="section"  id="01" >
	
	
	<?php if(!isset($_COOKIE['qq_accesstoken'])) { ?>
<a style="margin-left:-60%; font-size:16px;" id="enter" href="qqlogin.php"><img src="images/Connect_logo_1.png" alt='登录qq'>登录</a>

<?php } else { ?>

<a style="margin-left:-50%; font-size:16px;"  href="qqlogout.php">退出登录</a>
<?php  
$qc=new QC($_COOKIE['qq_accesstoken'],$_COOKIE['qq_openid']);
$userinfo= $qc->get_user_info();
 $qqlogo =$userinfo['figureurl_qq_1'];
 $user= $userinfo['nickname'];
/*$user =json_decode($userinfo,true);
$ooname=$user['nickname'];
*/
$time=date("Y-m-d H:i:s");
$con = mysql_connect("localhost","root","");
if (!$con)
  {
  die('Could not connect: ' . mysql_error());
  }

mysql_select_db("facetoface", $con);
mysql_query("SET NAMES UTF8");
$sql="INSERT INTO user (username,logintime)
VALUES
('$user','$time')";

if (!mysql_query($sql,$con))
  {
  die('Error: ' . mysql_error());
  }


mysql_close($con);

?> <div class="myimage"><img  width="100%" height="100%" src="  <?php print_r($qqlogo)  ?> "></div>

<span style="color:#FFFFFF; font-size:16px; ">  <?php print_r($user);}  ?> </span>


	
	
	
	<img src="images/header-phone.png" style=" position:absolute; top:30%; right:2%;">
		<h3 style="margin-left:-45%;">Face To Face</h3>
		<h4 style="margin-left:-45%; font-size:22px;">无需任何插件，开始您的极致会议,聊天体验<br><span  style="color:#FFFFFF; font-size:12px;">注：强烈建议您使用火狐或360浏览器打开，打开后其他设备也打开该网页进入房间即可自动会话。</span></h4>
		
		<button  id="but"><a href="#" > 创建房间</a></button>
		<button id="but1" style="margin-left:2%;" >进入房间</button>
	<button   style="margin-left:2%; " onclick="window.open("http://lemontv.6655.la/sendinvite.html","_self")" id="sendemail"><a style=" color:#00CC66;" href="sendinvite.html" >发送邀请</a></button>
	</div>
	<div class="section">
	<div style="width:100%; height:15%;  background:#999999; color:#00CC66;margin-top:10%; line-height:100%;"><h3>六大功能</h3> </div>
		
		<div class="fun">信息收发</div>
		<div class="fun">语音聊天</div>
		<div class="fun">共享白板</div>
		<div class="fun">音频播放</div>
		<div class="fun">文件传输</div>
		<div class="fun">共享位置</div>
	</div>
	<div class="section">
		<h3>什么是webrtc ?</h3>
		<p style="font-size:18px;">WebRTC，名称源自网页实时通信（Web Real-Time Communication）的缩写，是一个支持网页浏览器进行实时语音对话或视频对话的技术，是谷歌2010年以6820万美元收购Global IP Solutions公司而获得的一项技术。2011年5月开放了工程的源代码，在行业内得到了广泛的支持和应用，成为下一代视频通话的标准。</p>
		<p style="font-size:18px;">WebRTC实现了基于网页的视频会议，标准是WHATWG 协议，目的是通过浏览器提供简单的javascript就可以达到实时通讯（Real-Time Communications (RTC)）能力。
WebRTC（Web Real-Time Communication）项目的最终目的主要是让Web开发者能够基于浏览器（Chrome\FireFox\...）轻易快捷开发出丰富的实时多媒体应用，而无需下载安装任何插件，Web开发者也无需关注多媒体的数字信号处理过程，只需编写简单的Javascript程序即可实现，W3C等组织正在制定Javascript 标准API，目前是WebRTC 1.0版本，Draft状态；另外WebRTC还希望能够建立一个多互联网浏览器间健壮的实时通信的平台，形成开发者与浏览器厂商良好的生态环境。同时，Google也希望和致力于让WebRTC的技术成为HTML5标准之一，可见Google布局之深远。[1] 
WebRTC提供了视频会议的核心技术，包括音视频的采集、编解码、网络传输、显示等功能，并且还支持跨平台：windows，linux，mac，android。</p>
	</div>
	<div class="section" id="04">
		<div class="talk">
 
	<div class="submit-div"><span class="scanf-span">QQ</span><input class="scanf-input" type="text"  name="username" id="username" /></div>
	<div class="submit-div"><span class="scanf-span">反馈</span>
	  <textarea name="usercomment" class="scanf-input" style="height:150px; width:80%; " id="usercom"></textarea>
	</div>
	<div class="submit-div"><span class="scanf-span">验证码</span><input class="scanf-input" style="width:60%;"  name="ma" id="myma"  type="text"  /><img  id="yanzhengmachange"  src="yanzhengma.php"align="absbottom" onClick="this.src='yanzhengma.php?'+Math.random();"></img></div>

	<div class="submit-div" style="width:50%"><input type="submit"  class="scanf-input" style="width:80%; background:#00cc33; color:#FFFFFF;" onClick=" return mysubmit();" /></div>
	
	</div>
    
    <div  id="txtHint"></div>
    
	
	



    
   <script>
 var myindex = 0;
 var   mybox=$(".conbox")
 var mya=$(".nav li")

 mya.click(function(){
   myindex=$(this).index();
  
 
	mybox.eq(myindex).fadeIn().siblings().fadeOut();
 });
 </script>
 <script>

function mysubmit(){

var ma=document.getElementById("myma");
 
var xmlhttp;
 var userName=document.getElementById("username");
  var  usercom=document.getElementById("usercom");
  
   
 var postStr   = "username="+ userName.value +"&usercomment="+ usercom.value+"&ma="+ma.value;

 if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
if(xmlhttp.responseText!="验证码输入错误")
{document.getElementById("txtHint").innerHTML=xmlhttp.responseText; document.getElementById("yanzhengmachange").src='yanzhengma.php?'+Math.random();}
else {  alert("验证码输入错误！"); return false;}
}
}
xmlhttp.open("POST","feedback.php",true);
xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");  
    
xmlhttp.send(postStr);  
 
 
 
 }

 </script>  
 
 <p style="color:#FFFFFF; font-size:18px;">版权所有  Face to Face 2016    power by livefun</p>
 
	</div>
	
	
	
	
</div>



	<script type="text/javascript">

$("#but").click(function(){
if($.cookie("qq_accesstoken")== null){ 
alert("facetoface:  请先登录！"); 
}
else {window.open("http://lemontv.6655.la/lemonchat/index.html","_blank");}
 });
$("#but1").click(function(){
if($.cookie("qq_accesstoken")== null){ 
alert("facetoface:  请先登录！"); 
}
else {window.open("http://lemontv.6655.la/lemonchat/index.html","_blank");}
 });
</script>






</body>
</html>